<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ page isELIgnored="false"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
	crossorigin="anonymous">


<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
	integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
	crossorigin="anonymous">
	
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>

<script
	src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
	integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
	crossorigin="anonymous"></script>

<%@include file="toolbar.jsp"%>
<script src="${ctx}/assets/js/ajax.js"></script>
<script src="${ctx}/assets/js/home.js"></script>

<title>Merchant Home</title>
</head>
<body class="homePage">
	<div class="containerInfo">
	<div class="row">
		<div class="col-md-4">
			<img src="../local/${sessionScope.merchant.mHeadImg}"  class="img-thumbnail imgHead">
		</div>
		<div class="col-md-8">
			<div class="row" style="margin-top:20px;">
				<div class="col-md-4 font1">
					<p> &nbsp;&nbsp;Name : <strong>${sessionScope.merchant.mName}</strong> </p>
				</div>
				<div class="col-md-8 font1">
					<p>Address : <strong>${sessionScope.merchant.mAddr}</strong> </p>
				</div>
			</div>
			<div class="row" style="margin-top:20px;">
			<div class="col-md-4 font1" id="stateDiv">
					 
					<c:if test="${sessionScope.merchant.mStatus==0}">
					<p style="color:#FFFF00">State : Pending</p>
					</c:if>
					<c:if test="${sessionScope.merchant.mStatus==1}">
					<p style="color:#7CFC00">State : Pass</p>
					</c:if>
					<c:if test="${sessionScope.merchant.mStatus==2}">
					<p style="color:#FF4500">State : Reject</p>
					</c:if>
			 
			</div>
			<div class="col-md-4 font1">
					
			</div>
			<div class="col-md-4 font1">
					
			</div>
			</div>
			
			
			<div class="row" id="rejectDiv">
			<c:if test="${sessionScope.merchant.mStatus==2}">
				<p style="color:red">Reject Reson :<strong>${feedback}</strong></p>
			</c:if>
			</div>
		</div>
	</div>
	<div class="row" style="margin-top:20px;">
	<div class="col-md-4">
			<c:if test="${sessionScope.merchant.mStatus!=1}">
				<button class="btn btn-success" id="btnState" >Get State</button> 
			</c:if>		
	</div>
	
	</div>
	
	</div>
	
	


</body>
</html>